Ext.require('Ext.container.Viewport');

Ext.application({
	name: 'RT',
	appFolder: 'app',
	
	controllers:['shoe'],
	launch: function()
	{
		Ext.create('Ext.container.Viewport',
		{
			layout:'border',
			defaults: 
			{
				collapsible:true,
				split:true,
				bodyStyle: 'padding:15px',
				animCollapse: true,				
			},
			items:
			[
				{
					title: 'Navigation',
					region: 'west',
					margins: '5 0 0 0',
					width: 175,
					minSize: 100,
					maxSize:250,
					html: '<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>'
				},
				{
					title: 'Main Content',
					items:[
					xtype: 'shoeList',
					store: 'RT.store.Shoe',
					],
					collapsible: false,
					margins: '5 0 0 0',
					region: 'center',
				}
			]
		});
	}
	
});
